import { h } from 'vue';
import { NTag } from 'naive-ui';
import { BasicColumn } from '@/components/Table';

export const columns: BasicColumn[] = [
  {
    type: 'selection',
    width: 20,
    align: 'center',
  },
  {
    title: 'ID',
    key: 'id',
    width: 40,
    align: 'center',
    sorter: (row1, row2) => row1.id - row2.id,
  },
  {
    title: '标题',
    key: 'title',
    width: 300,
    align: 'center',
  },
  {
    title: '分类',
    key: 'category',
    width: 100,
    align: 'center',
  },
  {
    title: '发布',
    key: 'is_published',
    align: 'center',
    width: 100,
    render(row) {
      return h(
        NTag,
        {
          type: row.is_published ? 'success' : 'warning',
        },
        {
          default: () => (row.is_published ? '已发布' : '未发布'),
        },
      );
    },
  },
  // {
  //   title: '头像',
  //   key: 'avatar',
  //   width: 200,
  //   render(row) {
  //     return h(TableImg, {
  //       imgList: [row.avatar, row.avatar],
  //       spaceProps: {
  //         justify: 'space-between',
  //       },
  //     });
  //   },
  // },
  // {
  //   title: '地址',
  //   key: 'address',
  //   auth: ['basic_list'], // 同时根据权限控制是否显示
  //   ifShow: (_column) => {
  //     return true; // 根据业务控制是否显示
  //   },
  //   width: 150,
  // },
  // {
  //   title: '开始日期',
  //   key: 'beginTime',
  //   width: 160,
  // },
  // {
  //   title: '结束日期',
  //   key: 'endTime',
  //   width: 160,
  // },
  {
    title: '创建时间',
    key: 'created_at',
    width: 100,
    align: 'center',
  },
];
